.swipers{
  width: 100%;
  height: 400rpx;
  swiper-item{
    width: 100%;
    height: 400rpx;
    image{
      width: 100%;
      height: 400rpx;
    }
  }
}
.centent{
  padding: 30rpx;
  background-color: #eee;
  .top{
    justify-content: start;
    align-items: center;
    image{
      width: 100rpx;
      height: 50rpx;
    }
    text{
      font-size: 50rpx;
      font-weight: 700;
    }
  }
  .cent{
    font-size: 30rpx;
    color: #666;
    margin-top: 20rpx;
  }
  .bottom{
    margin-top: 100rpx;
    image{
      width: 100%;
      height: 300rpx;
      border-radius: 20rpx;
    }
  }
}
.bottom{
  padding: 20rpx;
  .underlying{
    width: 680rpx;
    height: 350rpx;
    padding: 20rpx;
    .bot-box{
      width: 680rpx;
      height: 100%;
      background-color: rgba($color: #000000, $alpha: 0.5);
      .bottom-title{
        color: #fff;
        font-size: 40rpx;
        font-weight: 700;
        text-align: center;
        padding-top: 10rpx;
      }
      .bottom-txt{
        color: #fff;
        padding-top: 40rpx;
      }
    }
  }
}